import { Cones } from './jsx/allLiveEditors'

# Cones

`<Cones />` renders cone shapes.

## Props

| Name       | Type     | Default | Description                     |
| ---------- | -------- | ------- | ------------------------------- |
| `children` | `Cone[]` | `[]`    | array of Cone markers to render |
| `depth`    | `DepthState` | `undefined` | optional depth state settings   |
| `blend`    | `BlendState` | `undefined` | optional blend state settings   |

### Cone

```js
type Cone = {
  id?: number, // positive integer
  pose: {
    position: { x: number, y: number, z: number },
    orientation: { x: number, y: number, z: number, w: number }
  }
  scale: {
    x: number,
    y: number,
    z: number,
  },
  color: {
    r: number, // between 0 and 1
    g: number, // between 0 and 1
    b: number, // between 0 and 1
    a: number, // between 0 and 1
  },
}
```

<Cones />
